<div id="top-bar">
		<div id="top-bar-center">
        		<div id="logo-nav-contain">
                		<div id="logo-contain"><a href="/"><img src="../themes/buzznut/images/site-logo.png" alt="BuzzNut Design - Logo" title="BuzzNut Design - Logo" /></a></div>
                        <style type="text/css">
						
							#nav-contain a#home:hover { width:95px; height:37px; position:absolute; top:0; left:0; background:url(../themes/buzznut/images/nav-home-on.png) 0 0 no-repeat; cursor:pointer; }
							#nav-contain a#skills:hover { width:105px; height:37px; position:absolute; top:0; left:95px; background:url(../themes/buzznut/images/nav-skills-on.png) 0 0 no-repeat; cursor:pointer; }
							#nav-contain a#works:hover { width:82px; height:37px; position:absolute; top:0; left:200px; background:url(../themes/buzznut/images/nav-works-on.png) 0 0 no-repeat; cursor:pointer; }
							#nav-contain a#contact:hover { width:107px; height:37px; position:absolute; top:0; left:282px; background:url(../themes/buzznut/images/contact-nav-on.png) 0 0 no-repeat; cursor:pointer; }
						
						</style>
                        <div id="nav-contain">
                        		<a id="home" href="/">
                                	<div id="home-fade"></div>
                                </a>
                                <div id="home-shadow"></div>
                                
                                <div id="shadow-left"></div>
                                <a id="skills" href="#myskills-bar">
                                	<div id="skills-fade"></div>
                                </a>
                                <div id="shadow-right"></div>
                                
                                <div id="work-left"></div>
                                <a id="works" href="#heading-green">
                                	<div id="work-fade"></div>
                                </a>
                                 <div id="work-right"></div>
                                
                                <div id="contact-left"></div>
                                <a id="contact" href="#heading-roots">
                                	<div id="contact-fade"></div>
                                </a>
                        </div><!--close div id "nav-contain"-->
                </div><!--close div id "logo-nav-contain-->
        </div><!--close div id "top-bar-center"-->
</div><!--close div id "top-bar"-->